<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>浏览器对象模型</title>
	</head>
	<body>
		<!--按钮-->
		<a href="#" onclick="goOther()">旋转</a>
		<a href="#" onclick="closeOther()">关闭</a>
		<a href="#" onclick="buy()">我要买东西</a>
		
		<a href="#" onclick="start()">开始计时</a>
		<a href="#" onclick="end()">结束计时</a>
		<a href="#" onclick="aaa()">暂停计时</a>
		<a href="#" onclick="bbb()">重置计时</a>
		
		
		
	</body>
	<script>		
		let otherWindow
		let seconds=0
		let myInterval=undefined
		
		//开始计时
		function start(){
			myInterval= setInterval(function(){
				seconds++
				console.log('当前到了：'+seconds+'秒')
			},1000)
		}
		//结束计时
		function end(){
			clearInterval(myInterval)
			console.log('你结束了计时，最终时间为：'+seconds+'秒')
			myInterval=undefined
			seconds=0
		}
		//暂停计时
		function aaa(){
			if(myInterval!==undefined){
				clearInterval(myInterval)
				console.log('你暂停了计时，当前时间为：'+seconds+'秒')
				myInterval=undefined
			}
			
		}
		
		//重置计时
		function bbb(){
			seconds=0
			console.log('你重置了计时，当前时间为：'+seconds+'秒')
		}
//		function goOther(){
//			alert ('11111')
//		}
//		window.onload=function(){
//			
//		}
//		
		
		//可以实现跳转，打开窗口

		function goOther(){
			otherWindow=window.open('2.html','2',"width=800,height=600")
		}
		function closeOther(){
			if(otherWindow!==undefined&& !otherWindow.isClosed){
				otherWindow.close()		
			}		
		}
		
		
		
		//买东西
		function buy(){
			let name = window.prompt('你好，请问你的名字是：')
			window.alert('欢迎你'+name+'!')
			let thing = window.prompt('请问你要买什么？')
			let nums = window.prompt('请问你要买多少？')
			window.alert('购买成功！你买到了'+thing+nums+'(件)！')
			
		}
		
		
		//延时定时器
		window.onload=function(){
//			setTimeout(function(){
//				document.writeln('我在三秒后执行了')
//			},3000)
			
		}
		
		
		
	</script>
</html>
